<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
		<meta name="format-detection" content="telephone=no" />
		<title>电表查询</title>

		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css" />

		<style type="text/css">
			body {
				margin: 0;
				padding: 0;
			}
			
			.header {
				width: 100%;
				background: #0c90d0;
				margin: 0;
				padding: 0;
				text-align: center;
				display: flex;
				justify-content: flex-start;
			}
			
			.header img {
				width: 0.18rem;
				height: 0.18rem;
				margin-top: 0.09rem;
				margin-left: 0.13rem;
			}
			
			.header span {
				font: 0.19rem/0.38rem "";
				color: #fff;
				margin-left: 1.08rem;
			}
			
			body h3 {
				font: 0.24rem/0.48rem "";
				color: #fff;
			}
			
			h4 {
				font: 0.15rem/0.3rem "";
				color: #373737;
			}
			
			.page_1 {
				width: 100%;
				margin-top: 30%;
			}
			
			.page_1 button {
				display: block;
				width: 1.5rem;
				margin: 0.5rem auto;
				height: 50px;
			}
			
			.query_sel {
				width: 88.9%;
				margin: 0 auto;
				margin-top: 0.6rem;
			}
			
			.query_sel select {
				height: 0.34rem;
			}
			
			#query_search {
				width: 88.9%;
				text-align: center;
				display: block;
				margin: 0 auto;
				margin-top: 0.15rem;
			}
			body #showResult {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background:rgba(52,52,52,.9);
				
				/*display: none;*/
			}
			
			body #showResult p {
				margin-left: 30%;
				margin-top: 82%;
				color: #FFFF00;
			}
		</style>
	</head>

	<body>
		<div id="showResult">
				<p>正在加载中请稍后...</p>
		</div>
		<!--<div class="header">
			<img src="img/fanhui.png" />
			<span>电表查询</span>
		</div>-->

		<div class="query_sel">
			<h4>请选择区域，楼层和宿舍号！</h4>
			<div class="see_1" style="margin-top: 0.15rem;">
				<span>区域:</span>
				<select id="sel_1" class="form-control">
					<!--<option value="0000">请选择区域</option>-->					
				</select>
			</div>
			<div class="see_2" style="margin-top: 0.15rem;">
				<span>楼层:</span>
				<select id="sel_2" class="form-control">
					<!--<option value="0">请选择楼层</option>-->
				</select>
			</div>
			<div class="see_3" style="margin-top: 0.15rem;">
				<span>宿舍号:</span>
				<select id="sel_3" class="form-control">
					<!--<option value="0">请选择宿舍号</option>-->
				</select>
			</div>
			<button id="query_search" type="button" class="btn btn-primary">查询</button>
		</div>

	</body>

</html>
<script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/Query_recharge.js" type="text/javascript" charset="utf-8"></script>

	
